<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>投资记录</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/public.css" />
		<style type="text/css">
			.card{
				background: #FFFFFF;
				margin-bottom: 12px;
				overflow: hidden;
			}
			.card .head{
				height: 46px;
				line-height: 46px;
				padding: 0 15px;
				clear: both;
			}
			.card .content{
				padding: 15px;
			}
			.card .content .title{
				margin-bottom: 10px;
				display: block;
			}
			.card .content li{
				list-style: none;
				line-height: 25px;
			}
			.border-bottom{
				border-bottom: 1px solid #DDDDDD;
			}
			.ml_5{
				margin-left: 5px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">投资记录</h1>
		</header>
		<div class="mui-content" id="app">
			<div id="investment_list">
				<div class="card">
					<div class="f_15 border-bottom head">
						<span class="color_1 mui-pull-left">编号</span>
						<span class="color_3 mui-pull-right">状态</span>
					</div>
					<div class="color_3 f_14 content">
						<span class="title color_4 f_16 mui-ellipsis">标题</span>
						<ul>
							<li>本期应收金额  <span class="color_1 f_16 ml_5">5000.0元</span></li>
							<li>是否逾期  <span class="color_1 f_16 ml_5">未逾期</span></li>
							<li>到期还款时间   <span class="color_1 f_16 ml_5">2017-07-01</span></li>
							<li>实际还款时间   <span class="color_1 f_16 ml_5">2017-07-01</span></li>
						</ul>
					</div>
				</div>
				<div class="card">
					<div class="f_15 border-bottom head">
						<span class="color_1 mui-pull-left">编号</span>
						<span class="color_3 mui-pull-right">状态</span>
					</div>
					<div class="color_3 f_14 content">
						<span class="title color_4 f_16 mui-ellipsis">标题</span>
						<ul>
							<li>本期应收金额  <span class="color_1 f_16 ml_5">5000.0元</span></li>
							<li>是否逾期  <span class="color_1 f_16 ml_5">未逾期</span></li>
							<li>到期还款时间   <span class="color_1 f_16 ml_5">2017-07-01</span></li>
							<li>实际还款时间   <span class="color_1 f_16 ml_5">2017-07-01</span></li>
						</ul>
					</div>
				</div>
				<div class="card">
					<div class="f_15 border-bottom head">
						<span class="color_1 mui-pull-left">编号</span>
						<span class="color_3 mui-pull-right">状态</span>
					</div>
					<div class="color_3 f_14 content">
						<span class="title color_4 f_16 mui-ellipsis">标题</span>
						<ul>
							<li>本期应收金额  <span class="color_1 f_16 ml_5">5000.0元</span></li>
							<li>是否逾期  <span class="color_1 f_16 ml_5">未逾期</span></li>
							<li>到期还款时间   <span class="color_1 f_16 ml_5">2017-07-01</span></li>
							<li>实际还款时间   <span class="color_1 f_16 ml_5">2017-07-01</span></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script src="vue/vue.min.js"></script>
		<script src="js/mui.pullToRefresh.js"></script>
		<script src="js/mui.pullToRefresh.material.js"></script>
		<script type="text/javascript">
			(function($,doc){
				$.init();
				$.ready(function() {
					$('#app').pullToRefresh({
						down: {
							callback: function() {
								this.endPullDownToRefresh();
							}
						}
					});
					$('#investment_list').pullToRefresh({
						up: {
							callback: function() {
//								this.endPullUpToRefresh(false);
							}
						}
					})
				});
				$.plusReady(function(){
					plus.webview.currentWebview().setStyle({
	                    scrollIndicator: 'none'
	             	});
				});
				if($.os.plus){
					
				}else{
					//去掉头部标题栏
					doc.getElementsByClassName("mui-bar-nav")[0].style.display="none";
					doc.getElementById("app").style.paddingTop=0;
				}
			}(mui,document));
		</script>
	</body>

</html>